<div class="gallery-images">
	<h1 class="name">{{gallery_image_first.name}}</h1>
	<div class="big">
		<img class="img" src='{{preview("5"):gallery_image_first.filename}}'/>
		<div class="prev"></div>
		<div class="next"></div>
	</div>
	<div class="list">
	{{foreach img in gallery_images}}
		<div class="item">
			<div class="name">{{img.name}}</div>
			<div class="img"><img src="{{preview(8):img.filename}}" alt="{{img.name}}"/></div>
		</div>
	{{/foreach}}
	</div>
</div>
<script>
var gal=new owcms_gallery({
		previews_click_path: ".gallery-images .list .item",
		previews_image_subpath: ".img img",
		big_image_path: ".gallery-images .big .img",
		big_name_path: ".gallery-images h1.name",
		size: "5"
	});
	var pn=$(".gallery-images .big .prev, .gallery-images .big .next");
	$(".gallery-images .big .img").bind("click",function () {gal.next(); });
	$(".gallery-images .big .prev").bind("click",function () {gal.prev(); }).bind("mouseover",function() {pn.animate({opacity:1})}).bind("mouseout",function() {pn.animate({opacity:0.7})});
	$(".gallery-images .big .next").bind("click",function () {gal.next(); }).bind("mouseover",function() {pn.animate({opacity:1})}).bind("mouseout",function() {pn.animate({opacity:0.7})});
</script>

